<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>findTeacher</title>
  <link rel="stylesheet" href="css/header.css"/>
  <link rel="stylesheet" href="css/find_teacher.css"/>
  <script type="text/javascript" src="js/find_teacher.js"></script>

</head>
<body>
<div class="header">
  <div id="logo">
    <div id="logo_left">
      <img src="img/pencil.png" id="logo_img">
      <img src="img/迷彩学堂.png" alt="" id="micai">
    </div>
    <div id="logo_right">
      <div id="logo_split"></div>
      <div>
        <div class="slogan">褪下迷彩回归社会</div>
        <div class="slogan">不忘气血奔赴学堂</div>
      </div>
    </div>
  </div>
  <div id="navigation">
    <span class="navigation_contain">
          <a href="#">首页</a>
    </span>
    <span class="navigation_contain">
          <a href="#" class="active">找教员</a>
    </span>
    <span class="navigation_contain">
          <a href="#">资料库</a>
    </span>
    <span class="navigation_contain">
          <a href="#">在线考试</a>
    </span>
    <span class="navigation_contain">
          <a href="#">课程安排</a>
    </span>
    <span class="navigation_contain">
          <a href="#">个人</a>
          <img src="img/userlogo.png" id="user_logo"></img>
    </span>

  </div>
</div>
<div class="located">当前位置：首页 > 找教员 </div>
<div class="chose_out">
  <div class="chose">
  <div class="chose_left">
      区域:
    </div>
  <div class="chose_middle">
      <a href="#" class="active">不限</a>
      <a href="#">广州</a>
      <a href="#">深圳</a>
      <a href="#">佛山</a>
      <a href="#">中山</a>
      <a href="#">东莞</a>
      <a href="#">珠海</a>
    </div>
    <div class="chose_right">
      <a href="">. . .</a>
    </div>
  </div>
  <div class="chose">
  <div class="chose_left">
      报考专业:
    </div>
  <div class="chose_middle">
      <div class="search_out">
        <div>
          <input type="search" class="search_text">
        </div>
        <div>
          <a href="#">
            <img src="img/search_img.jpg">
          </a>
        </div>
      </div>
      <a href="#" class="active">不限</a>
      <a href="#">广告学</a>
      <a href="#">工商企业管理</a>
      <a href="#">新闻学</a>
      <a href="#">汽车服务工程</a>
      <a href="#">计算机科学与技术</a>
    </div>
    <div class="chose_right">
      <a href="">. . .</a>
    </div>
  </div>
  <div class="chose">
    <div class="chose_left">
      考试科目:
    </div>
    <div class="chose_middle">
      <div class="search_out">
        <div>
          <input type="search" class="search_text">
        </div>
        <div>
          <a href="#">
            <img src="img/search_img.jpg">
          </a>
        </div>
      </div>
      <a href="#" class="active">不限</a>
      <a href="#">企业会计学</a>
      <a href="#">基础会计学</a>
      <a href="#">马克思主义哲学</a>
      <a href="#">高等数学（一）</a>
      <a href="#">英语（一）</a>
      <a href="#">生产与作业管理</a>
    </div>
    <div class="chose_right">
      <a href="">. . .</a>
    </div>
  </div>
  <div class="chose">
    <div class="chose_left">
      教员院校:
    </div>
    <div class="chose_middle">
      <div class="search_out">
        <div>
          <input type="search" class="search_text">
        </div>
        <div>
          <a href="#">
            <img src="img/search_img.jpg">
          </a>
        </div>
      </div>
      <a href="#" class="active">不限</a>
      <a href="#">华南农业大学</a>
      <a href="#">广州大学</a>
      <a href="#">华南师范大学</a>
      <a href="#">中山大学</a>
      <a href="#">广东工业大学</a>
      <a href="#">华南理工大学</a>
      <a href="#">暨南大学</a>
    </div>
    <div class="chose_right">
      <a href="">. . .</a>
    </div>
  </div>
</div>
<div class="findTeacher_body">
  <div class="findTeacher_body_top">
    教学形式:
    <select class="select_chose">
      <option value="">不限</option>
      <option value="线上一对一">线上一对一</option>
      <option value="不限">限时答疑</option>
      <option value="不限">线上小班</option>
    </select>
    价格:
    <select class="select_chose">
      <option value="">不限</option>
      <option value="100-200元">100-200元</option>
      <option value="200-300">200-300</option>
      <option value="300以外">300以外</option>
    </select>

    性别:
    <select class="select_chose">
      <option value="">不限</option>
      <option value="男">男</option>
      <option value="女">女</option>
    </select>
  </div>
  <div class="teacher_card">
    <div class="teacher_card_left"><img src="img/teacher3.png"></div>
    <div class="teacher_card_middle">
    <div class="teacher_card_middle_classname">企业会计学</div>
      <div class="teacher_card_middle_teachername">
      <span>李教员</span>
        <div class="symbol"><img src="img/champion.png"></div>
        <div class="symbol"><img src="img/queen.png"></div>
        <div class="symbol"><img src="img/diamond.png"></div>
      </div>
      <div class="teacher_card_middle_info">
        性别: <span>女</span> | 师资: <span>硕士</span>
        <div style="margin-top: 5px">专业: <span>华南师范大学工商管理</span></div>
      </div>
      <div class="teacher_card_middle_honor">
      <div>5星好评</div>
      <div>专业达人</div>
      <div>经验丰富</div>
      </div>
    </div>
    <div class="teacher_card_right">
    <div class="teacher_card_right_price">
      课时单价
      <div>
        <span>150</span>
        <span style="font-size: 14px">/小时</span></div>
      <div></div>
    </div>
      <div class="teacher_card_right_bottom">
        <div style="padding-top:10px;width: 150px">
          <div>已教人数: <span>20</span></div>
          &nbsp;&nbsp;
          <div>好评率: <span>90%</span></div>
        </div>
        <div>
          <div class="look_more">
            <a href="#" style="color: #fbfbff">查看详情</a>
          </div>
          <div class="to_order">
            <a href="#" style="color: #fbfbff">前往预定</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="teacher_card">
    <div class="teacher_card_left"><img src="img/teacher3.png"></div>
    <div class="teacher_card_middle">
      <div class="teacher_card_middle_classname">企业会计学</div>
      <div class="teacher_card_middle_teachername">
        <span>李教员</span>
        <div class="symbol"><img src="img/champion.png"></div>
        <div class="symbol"><img src="img/queen.png"></div>
        <div class="symbol"><img src="img/diamond.png"></div>
      </div>
      <div class="teacher_card_middle_info">
        性别: <span>女</span> | 师资: <span>硕士</span>
        <div style="margin-top: 5px">专业: <span>华南师范大学工商管理</span></div>
      </div>
      <div class="teacher_card_middle_honor">
        <div>5星好评</div>
        <div>专业达人</div>
        <div>经验丰富</div>
      </div>
    </div>
    <div class="teacher_card_right">
      <div class="teacher_card_right_price">
        课时单价
        <div>
          <span>150</span>
          <span style="font-size: 14px">/小时</span></div>
        <div></div>
      </div>
      <div class="teacher_card_right_bottom">
        <div style="padding-top:10px;width: 150px">
          <div>已教人数: <span>20</span></div>
          &nbsp;&nbsp;
          <div>好评率: <span>90%</span></div>
        </div>
        <div>
          <div class="look_more">
            <a href="#" style="color: #fbfbff">查看详情</a>
          </div>
          <div class="to_order">
            <a href="#" style="color: #fbfbff">前往预定</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="teacher_card">
    <div class="teacher_card_left"><img src="img/teacher3.png"></div>
    <div class="teacher_card_middle">
      <div class="teacher_card_middle_classname">企业会计学</div>
      <div class="teacher_card_middle_teachername">
        <span>李教员</span>
        <div class="symbol"><img src="img/champion.png"></div>
        <div class="symbol"><img src="img/queen.png"></div>
        <div class="symbol"><img src="img/diamond.png"></div>
      </div>
      <div class="teacher_card_middle_info">
        性别: <span>女</span> | 师资: <span>硕士</span>
        <div style="margin-top: 5px">专业: <span>华南师范大学工商管理</span></div>
      </div>
      <div class="teacher_card_middle_honor">
        <div>5星好评</div>
        <div>专业达人</div>
        <div>经验丰富</div>
      </div>
    </div>
    <div class="teacher_card_right">
      <div class="teacher_card_right_price">
        课时单价
        <div>
          <span>150</span>
          <span style="font-size: 14px">/小时</span></div>
        <div></div>
      </div>
      <div class="teacher_card_right_bottom">
        <div style="padding-top:10px;width: 150px">
          <div>已教人数: <span>20</span></div>
          &nbsp;&nbsp;
          <div>好评率: <span>90%</span></div>
        </div>
        <div>
          <div class="look_more">
            <a href="#" style="color: #fbfbff">查看详情</a>
          </div>
          <div class="to_order">
            <a href="#" style="color: #fbfbff">前往预定</a>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
<div class="task_but" onclick="Show()">发布订单</div>
<div class="shadow" id="shadow"></div>
<div class="task" id="task">
  <h3 class="task_topic">发布订单</h3>
  <div class="task_warn">请根据您的个人情况输入信息，我们将会为您匹配最适合您的教员！</div>
  <form>
    <h4>科目信息</h4>
    <div>
      专业: <input type="text">
    </div>
    <div>
      科目: <input type="text">
    </div>
    <div>
      难度: <select class="task_chose">
      <option value="不限">不限</option>
      <option value="基础">基础</option>
      <option value="进阶">进阶</option>
    </select>
    </div>
    <h4>教员信息</h4>
    <div>
      性别: <select class="task_chose">
      <option value="不限">不限</option>
      <option value="男">男</option>
      <option value="女">女</option>
    </select>
    </div>
    <div>
      院校: <input type="text">
    </div>
    <div>
      学位: <select class="task_chose">
      <option value="不限">不限</option>
      <option value="硕士">本科</option>
      <option value="博士">博士</option>
    </select>
    </div>
    <h4>课程信息</h4>
    <div>
      价格: <input type="text" placeholder="请填写整数">
    </div>
    <div>
      时间: <select class="task_chose">
      <option value="不限">不限</option>
      <option value="硕士">周末</option>
      <option value="博士">工作日</option>
    </select>
    </div>
    <div style="text-align: right">
      <div class="task_cal" onclick="Hiden()">取消</div>
      <input type="submit" class="task_sub" value="发布">
    </div>
  </form>
</div>


</body>
</html>
